<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>项目管理</title>
		<link href="/resources/src/css/main.css" rel="stylesheet">
   		<link href="/resources/src/css/responsive.css" rel="stylesheet">
		<link href="/resources/src/css/projects-manage.css" rel="stylesheet">
	</head>
	<body class="sticky-header">
		<jsp:include page="left-slide.jsp" />
		<div class="main-content">
			<jsp:include page="header-start.jsp" />
        	<div class="row scroll-range" style="margin-right:0; margin-left:0;">
               	<jsp:include page="project-manage-left.jsp" />
                <div class="right-box  col-xs-12 col-sm-8 col-md-9  col-lg-10 text-center no-padding">
					<div class="row right-header text-left" style="margin-left:0;margin-right:0;">
						<div class="hidden-xs hidden-sm col-sm-4 title"><span>项目管理</span></div>
						<div class="col-xs-12 col-sm-4 date">
							<input type="text" name="search" id="search" placeholder="输入姓名/手机/邮箱搜索"><i class="icon-search iconfont icon-sousuo-sousuo"></i>
						</div>
						<div class="col-sm-4 hidden-xs clearfix">
							<a class="btn-block invitation btn-active pull-right text-center"><i class="iconfont icon-tianjia"></i>&nbsp;添加</a>
						</div>
					</div>
					<!--条件筛选-->
					<div class="condition-filter text-left">
						<div class="area filter-item clearfix">
							<div class="pull-left"><b>地区：</b></div>
							<div class="pull-left">
								<span class="active">北京</span>
								<span>广州</span>
								<span>上海</span>
								<span>杭州</span>
								<span>西安</span>
								<span>成都</span>
								<i id="manage">管理</i>
							</div>
						</div>
						<div class="business filter-item clearfix">
							<div class="pull-left"><b>行业：</b></div>
							<div class="pull-left">
								<span class="active">互联网金融</span>
								<span>生物技术</span>
								<span>餐饮</span>
								<span>无人机</span>
								<span>农业</span>
								<i id="manage">管理</i>
							</div>
						</div>
						<div class="round filter-item clearfix">
							<div class="pull-left"><b>轮次：</b></div>
							<div class="pull-left">
								<span class="active">种子</span>
								<span>天使</span>
								<span>Pre-A轮</span>
								<span>A轮</span>
								<span>A+轮</span>
								<span>Pre-B轮</span>
								<span>B轮</span>
								<i id="manage">管理</i>
							</div>	
						</div>
						<div class="priority filter-item clearfix">
							<div class="pull-left"><b>优先级：</b></div>
							<div class="pull-left">
								<span class="active">优先</span>
								<span>紧急</span>
								<span>普通</span>
							</div>
						</div>
					</div>
					<!--正文内容-->
					<div class="content">
						<div class="container projects">
							<div class="row">
								<div class="projects-item col-sm-12 col-md-6 col-lg-3">
									<div class="item-body bg-white clearfix">
										<div class="item-logo"><img src="" width="100%" height="auto" /></div>
										<div class="item-content text-left">
											<p>趣易购为场景电商项目，为流量主提供专业的云电商解决方案。赋能流量主商业变现能力，整合电商产品主对接精准流量。</p>
											<div class="row icon-group">
												<div class="col-xs-3 no-padding"><i class="iconfont icon-diqu"></i>地区</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju"></i>轮次</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju1"></i>500万</div>
												<div class="col-xs-3 no-padding text-right"><i class="iconfont icon-biaoqian"></i>20%</div>
											</div>
										</div>
									</div>
									<div style="padding:0 15px;">
										<div class="row bg-white" style="padding:15px 0;">
										   <div class="col-xs-4 text-left">进度</div>
										   <div class="col-xs-4 text-center">优先级</div>
										   <div class="col-xs-4 text-right">跟进入</div>
										</div>
									</div>	
								</div>
								<div class="projects-item col-sm-12 col-md-6 col-lg-3">
									<div class="item-body bg-white clearfix">
										<div class="item-logo"><img src="" width="100%" height="auto" /></div>
										<div class="item-content text-left">
											<p>趣易购为场景电商项目，为流量主提供专业的云电商解决方案。赋能流量主商业变现能力，整合电商产品主对接精准流量。</p>
											<div class="row icon-group">
												<div class="col-xs-3 no-padding"><i class="iconfont icon-diqu"></i>地区</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju"></i>轮次</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju1"></i>500万</div>
												<div class="col-xs-3 no-padding text-right"><i class="iconfont icon-biaoqian"></i>20%</div>
											</div>
										</div>
									</div>
									<div style="padding:0 15px;">
										<div class="row bg-white" style="padding:15px 0;">
										   <div class="col-xs-4 text-left">进度</div>
										   <div class="col-xs-4 text-center">优先级</div>
										   <div class="col-xs-4 text-right">跟进入</div>
										</div>
									</div>
									
								</div>
								<div class="projects-item col-sm-12 col-md-6 col-lg-3">
									<div class="item-body bg-white clearfix">
										<div class="item-logo"><img src="" width="100%" height="auto" /></div>
										<div class="item-content text-left">
											<p>趣易购为场景电商项目，为流量主提供专业的云电商解决方案。赋能流量主商业变现能力，整合电商产品主对接精准流量。</p>
											<div class="row icon-group">
												<div class="col-xs-3 no-padding"><i class="iconfont icon-diqu"></i>地区</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju"></i>轮次</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju1"></i>500万</div>
												<div class="col-xs-3 no-padding text-right"><i class="iconfont icon-biaoqian"></i>20%</div>
											</div>
										</div>
									</div>
									<div style="padding:0 15px;">
										<div class="row bg-white" style="padding:15px 0;">
										   <div class="col-xs-4 text-left">进度</div>
										   <div class="col-xs-4 text-center">优先级</div>
										   <div class="col-xs-4 text-right">跟进入</div>
										</div>
									</div>
									
								</div>
								
								<div class="projects-item col-sm-12 col-md-6 col-lg-3">
									<div class="item-body bg-white clearfix">
										<div class="item-logo"><img src="" width="100%" height="auto" /></div>
										<div class="item-content text-left">
											<p>趣易购为场景电商项目，为流量主提供专业的云电商解决方案。赋能流量主商业变现能力，整合电商产品主对接精准流量。</p>
											<div class="row icon-group">
												<div class="col-xs-3 no-padding"><i class="iconfont icon-diqu"></i>地区</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju"></i>轮次</div>
												<div class="col-xs-3 no-padding text-center"><i class="iconfont icon-shuju1"></i>500万</div>
												<div class="col-xs-3 no-padding text-right"><i class="iconfont icon-biaoqian"></i>20%</div>
											</div>
										</div>
									</div>
									<div style="padding:0 15px;">
										<div class="row bg-white" style="padding:15px 5px;">
										   <div class="col-xs-4 text-left">进度</div>
										   <div class="col-xs-4 text-center">优先级</div>
										   <div class="col-xs-4 text-right">跟进入</div>
										</div>
									</div>
									
								</div>
							</div>
						</div>
					</div>
                </div>
           </div>
       </div>
       
       <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
	    <script src="https://cdn.bootcss.com/jquery.nicescroll/3.7.0/jquery.nicescroll.js"></script>
	    <script src="/resources/src/js/main.js"></script>
	    <script>
	    	$(function(){
	    		
	    		//设置left-bar的高度
				function setLeftBarHeight(){
					var h=$(".right-box").height();
					$(".left-bar").css({
						height:h
					});
					$(window).resize(function(){
						var h=$(".left-side").height();
						$(".left-bar").css({
							minHeight:h
						});
					});
				};
				
				setLeftBarHeight();
				
				//筛选条件交互
	    		$(".area span,.business span,.round span,.priority span").click(function(){
	    			$(this).addClass("active").siblings().removeClass("active");
	    		});
	    	})
	    </script>
       
	</body>
</html>